<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>index</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="referrer" content="never" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../../../../css/mui.min.css">
		<link rel="stylesheet" href="../../static/css/common.css" />
		<link rel="stylesheet" href="css/train.css" />
		<link rel="stylesheet" type="text/css" href="../../../../css/mui.picker.css" />
		<link rel="stylesheet" type="text/css" href="../../../../css/mui.poppicker.css" />
		<link rel="stylesheet" type="text/css" href="../../../../css/preview.css" />
		<link rel="stylesheet" type="text/css" href="../../../../css/mui.picker.min.css" />
		<link rel="stylesheet" href="../../static/components/components.css" />
		<style>
		 input {
				margin-right: 0 !important;
			}

			.mui-bar-nav~.mui-content .mui-pull-top-pocket {
				top: 80px !important;
			}

			.left-label {
				width: 60vw;
			}

			.mt-15 {
				margin-top: 15px;
			}

			.date-select {
				width: 40vw;
				height: 25px;
				line-height: 25px;
				border: 1px solid #999;
			}
		</style>
	</head>

	<body>

<!-- 		<header class="mui-bar mui-bar-nav mui-bar-nav-bg">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 id="title" class="mui-title">{{trainingDrill.activityType}}</h1>
		</header> -->
		<div class="mui-content" id="content" v-cloak>
			<header class="mui-bar mui-bar-nav mui-bar-nav-bg">
				<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
				<h1 id="title" class="mui-title" v-if="trainingDrill.activityType =='00'">安全活动</h1>
				<h1 id="title" class="mui-title" v-if="trainingDrill.activityType =='01'">培训记录</h1>
				<h1 id="title" class="mui-title" v-if="trainingDrill.activityType =='10'">应急演练</h1>				
				<h1 id="title" class="mui-title" v-if="trainingDrill.activityType =='11'">反事故演习</h1>
				<h1 id="title" class="mui-title" v-if="trainingDrill.activityType =='12'">事故预想</h1>
				
			</header>
			<div>
				<div class="main_box">
					<div class="main_icon"></div>
					<div class="main_icon1"></div>
					<div class="flex-row">
						<div class="icon"></div>
						<div class="color-blue" id="part-title">基本信息</div>
					</div>
					<div class="flex-between mt-15">
						<div class="flex-row">
							<div>制定人</div>
							<input :value="trainingDrill.hostStaffName + trainingDrill.hostStaffCode" disabled="true" />
						</div>
						<div class="flex-row">
							<div>制定时间</div>
							<input disabled="true" :disabled="true" :value="mData.createDate" style="width: 23vw;" />
						</div>

					</div>
					<div class="flex-between">
						<div class="flex-row" style="margin-top: 15px;margin-left: 5px;">
							<div>审核人</div>
							<personselect :issingle="isSingle" ref="personselect" style="width:55vw;"></personselect>
						</div>
					</div>
					<div class="flex-between mt-15">
						<div class="flex-row">
							<label for="dateSelect3" style="width: 25vw;">审核时间</label>
							<div class="date-select" id="dateSelect3">
								<text> {{drill.reviewTime}}</text>
							</div>
						</div>
					</div>
					<div class="flex-between mt-15">
						<div class="flex-row">
							<label for="dateSelect" style="width: 25vw;">演习开始时间</label>
							<div class="date-select" id="dateSelect">
								{{mData.begTime}}
							</div>
						</div>
					</div>
					<div class="flex-row mt-10">
						<div class="flex-row">
							<label for="dateSelect1" style="width: 25vw;">演习结束时间</label>
							<div class="date-select" id="dateSelect1">
								{{mData.endTime}}
							</div>
						</div>
					</div>

					<div class="mt-10">
						<div class="flex-between">
							<div style="color: #666;">现象</div>
							<div class="flex-row">
						<!-- 		<button style="margin-left: 10px;padding: 0 4vw;" class="submit_btn"
									@click="showAdd = true">添加</button> -->
							</div>
						</div>
						<div class="yaoshi_list">
							<div v-for="(item,index) in phenomenon" :key="index">
								<div class="flex-between">
									<div class="key-content">{{item.phenomenon}}</div>
									<div class="color-red" @click="delKey(index)">移除</div>
								</div>
								<hr size="1" style="color: #999;border-style: dashed; widows: 250px;" />
							</div>
						</div>
					</div>

					<div class="flex-row mt-15">
						<div class="left-label">类型{{trainingDrill.activityType}}</div>
						<div>
						</div>
						<input disabled="true" style="width: 30vw;" v-if="trainingDrill.activityType =='00'"
							value="安全活动" />
						<input disabled="true" style="width: 30vw;" v-if="trainingDrill.activityType =='01'"
							value="培训记录" />
						<input disabled="true" style="width: 30vw;" v-if="trainingDrill.activityType =='10'"
							value="应急演练" />
						<input disabled="true" style="width: 30vw;" v-if="trainingDrill.activityType =='11'"
							value="反事故演习" />
						<input disabled="true" style="width: 30vw;" v-if="trainingDrill.activityType =='12'"
							value="事故预想" />

					</div>
					<div class="flex-row mt-15">
						<div class="left-label">演练、演习、预想主题</div>
						<input disabled="true" :value="trainingDrill.activityContent" style="width: 30vw;" />
					</div>
					<div class="flex-row mt-15">
						<div class="left-label">参加人员</div>
						<personselect :issingle="false" ref="personselect_join" style="width:35vw;"></personselect>
					</div>
					<div class="flex-row mt-15">
						<div class="left-label">处理经过录入人（演习、演练组组长）</div>
						<personselect :disable="true" :issingle="true" ref="personselect_deal" style="width:35vw;"></personselect>
					</div>
					<div class="flex-row mt-15">
						<div class="left-label">正确处理步骤录入人（演习、演练监护组组长）</div>
						<personselect :issingle="true" ref="personselect_current" style="width:35vw;"></personselect>
					</div>
					<div class="flex-row mt-15">
						<div class="left-label">发现问题及采取措施录入人（总指挥或监护组组长）</div>
						<personselect :issingle="false" ref="personselect_find" style="width:35vw;"></personselect>
					</div>
					<div class="flex-row mt-15">
						<div class="left-label">个人评价录入人（场长或专工）</div>
						<personselect :issingle="false" ref="personselect_person" style="width:35vw;"></personselect>
					</div>
					<div class="flex-row mt-15">
						<div class="left-label">监护人</div>
						<personselect :issingle="false" ref="personselect_jianhu" style="width:35vw;"></personselect>
					</div>
					
					<div class="flex-between mt-15">
						<div class="flex-row">
							<label for="dateSelect" style="width: 25vw;">要求</label>
							<textarea :disabled="true" style="width: 65vw; height: 20vw;" v-model="mData.requirement" class="date-select" id="dateSelect">
							</textarea>
						</div>
					</div>

					<hr size="1" class="hr-line" style="margin: 15px 0;" />
				<div class="list-head">
					<div class="flex-between">
						<div>学习资料</div>
						<!-- <button class="submit_btn" @tap="upload('train')" style="margin:0;padding: 0 3vw;">上传</button> -->
					</div>
					<div v-if="trainingfileList.length>0">
						<div style="margin-bottom: 1vh;" v-for="(item,index) in trainingfileList" class="flex-row mt-10">
							<div v-if="trainingfileList.length>0" style="width: 100vw;" class="flex-between">
								<div>
									{{item.fileName}}
								</div>
								<div class="flex-row">
									<button v-if="workStatus>20"
										style="background: red;color: white;border: 0;width: 10vw;"
										class="cancel_btn" @tap="delDown(item)">删除</button>
									<div  style="color: #004A86;text-decoration: underline;"
										@tap="downLoad(item)">下载</div>
								</div>
							</div>
				
						</div>
					</div>
					<div v-else style="text-align: center;">
						暂无数据
					</div>
				</div>
				
				<hr size="1" class="hr-line" style="margin: 15px 0;" />
				
		
				
								
					<div>
						<div class="mt-10" v-if="workStatus >= 20">
							<div class="flex-row">
								<div class="icon"></div>
								<div class="color-blue" id="part-title">处理经过</div>
							</div>
							<textarea class="mt-10" :disabled="workStatus >= 30"
								v-model="drillInfo.processInfo"></textarea>
						</div>

						<div class="mt-10" v-if="workStatus >=30">
							<div class="flex-row">
								<div class="icon"></div>
								<div class="color-blue" id="part-title">正确处理步骤</div>
							</div>
							<textarea class="mt-10" :disabled="workStatus >= 40"
								v-model="drillInfo.stepsInfo"></textarea>
						</div>

						<div class="mt-10" v-if="workStatus >=40">
							<div class="flex-row">
								<div class="icon"></div>
								<div class="color-blue" id="part-title">发现问题</div>
							</div>
							<textarea class="mt-10" :disabled="workStatus >= 50"
								v-model="drillInfo.problemInfo"></textarea>
						</div>

						<div class="mt-10" v-if="workStatus >=40">
							<div class="flex-row">
								<div class="icon"></div>
								<div class="color-blue" id="part-title">今后采取措施</div>
							</div>
							<textarea class="mt-10" :disabled="workStatus >= 50" v-model="drillInfo.measure"></textarea>
						</div>

						<div class="mt-10" v-if="workStatus >=50">
							<div class="flex-row">
								<div class="icon"></div>
								<div class="color-blue" id="part-title">评价 </div>
							</div>
							<textarea class="mt-10" v-model="drillInfo.appraiseInfo"></textarea>
						</div>
					</div>
					<hr size="1" class="hr-line" />

				</div>


			</div>
			<div class="popup-bg" v-if="showAdd" @click="showAdd = false">
				<div class="add-box" @click.stop="clickStop">
					<div class="flex-row m-10" style="margin-top: 20px;">
						<div class="pop-label" style="width: 10vw;">现象</div>
						<input class="pop-ipt" v-model="phenomenonTxt" maxlength="60" />
					</div>
					<div class="pop-bottom">
						<div @click="confirmKey">确认</div>
						<div class="color-red" @click="hideAdd">取消</div>
					</div>
				</div>
			</div>
			<div style="width: 100%;height: 60px;"></div>
			<div class="flex-between fixed-bottom">
<!-- 				<button class="submit_btn" @tap="save('save')">保存</button>
				<button class="submit_btn" @click.stop="save('submit')">提交</button> -->
				<button class="cancel_btn" @click.stop="goBack">返回</button>
			</div>
		</div>


		<script src="../../../../js/mui.min.js"></script>
		<script src="../../../../js/vue.js"></script>
		<script src="../../static/js/neiosCommon.js"></script>
		<script src="../../../../js/mui.picker.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../../js/mui.poppicker.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../../js/mui.dtpicker.js"></script>
		<script src="../../../../js/mui.picker.min.js"></script>
		<script src="../../static/components/personSelect.js"></script>
		<script src="../../static/components/processLog.js"></script>
		<script type="text/javascript" src="../../static/js/neiosRequst.js"></script>
		<script type="text/javascript" src="../../../../js/jquery-3.2.1.min.js"></script>
		<script src="js/drillEditDet.js"></script>
		<script src="../../static/js/upLoadHelper.js"></script>

	</body>

</html>
